﻿﻿<!DOCTYPE html>
<html lang="zxx" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="description" content="Aila">
    <meta name="keywords" content="HTML,CSS,JavaScript">
    <meta name="author" content="HiBootstrap">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>服务编排系统</title>
    <link rel="icon" th:href="@{assets/images/a4.jpg}" type="image/png" sizes="16x16">

    <!-- bootstrap css -->
    <link rel="stylesheet" th:href="@{assets/css/bootstrap.min.css}" type="text/css" media="all" />
    <!-- animate css -->
    <link rel="stylesheet" th:href="@{assets/css/animate.min.css}" type="text/css" media="all" />
    <!-- owl carousel css -->
    <link rel="stylesheet" th:href="@{assets/css/owl.carousel.min.css}" type="text/css" media="all" />
    <link rel="stylesheet" th:href="@{assets/css/owl.theme.default.min.css}" type="text/css" media="all" />
    <!-- meanmenu css -->
    <link rel="stylesheet" th:href="@{assets/css/meanmenu.min.css}" type="text/css" media="all" />
    <!-- magnific popup css -->
    <link rel="stylesheet" th:href="@{assets/css/magnific-popup.min.css}" type="text/css" media="all" />
    <!-- boxicons css -->
    <link rel='stylesheet' th:href='@{assets/css/boxicons.min.css}' type="text/css" media="all" />
    <!-- Line Awesome CSS -->
    <link rel='stylesheet' th:href='@{assets/css/line-awesome.min.css}' type="text/css" media="all" />
    <!-- flaticon css -->
    <link rel='stylesheet' th:href='@{assets/css/flaticon.css}' type="text/css" media="all" />
    <!-- style css -->
    <link rel="stylesheet" th:href="@{assets/css/style.css}" type="text/css" media="all" />
    <!-- responsive css -->
    <link rel="stylesheet" th:href="@{assets/css/responsive.css}" type="text/css" media="all" />
    <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>

    <body>
        <!-- navbar -->
        <div th:replace="~{common/common::clienttop}"></div>
        <!-- .end navbar -->
        <!-- header -->
        <header class="page-title page-bg" style="background-image: url(assets/images/contact-us-bg.png);">
            <div class="container">
                <div class="page-title-inner">
                    <div class="section-title">
                        <h1>联系我们</h1>
                    </div>
                </div>
            </div>
        </header>
        <!-- .end header -->
        <!-- contact-address-section -->
        <section class="contact-address-section pt-100 pb-70">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12 col-md-6 col-lg-4">
                        <div class="box-card fluid-height">
                            <div class="box-card-inner full-height">
                                <div class="box-card-icon mb-25">
                                    <img src="assets/images/address.png" alt="icon"> <!-- you can use icon instead of img. For using icon you should use span tag like: <span><i class="font-name"></i></span> -->
                                </div>
                                <div class="box-card-details">
                                    <h3 class="box-card-title mb-20">地址</h3>
                                    <p class="box-card-para">湖南省长沙市</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-6 col-lg-4">
                        <div class="box-card fluid-height">
                            <div class="box-card-inner full-height">
                                <div class="box-card-icon mb-25">
                                    <img src="assets/images/email.png" alt="icon"> <!-- you can use icon instead of img. For using icon you should use span tag like: <span><i class="font-name"></i></span> -->
                                </div>
                                <div class="box-card-details">
                                    <h3 class="box-card-title mb-20">邮箱</h3>
                                    <p class="box-card-para"><a class="link-us" href="mailto:info@alia.com">123456@qq.com</a></p>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-6 col-lg-4">
                        <div class="box-card fluid-height">
                            <div class="box-card-inner full-height">
                                <div class="box-card-icon mb-25">
                                    <img src="assets/images/contact-phone.png" alt="icon"> <!-- you can use icon instead of img. For using icon you should use span tag like: <span><i class="font-name"></i></span> -->
                                </div>
                                <div class="box-card-details">
                                    <h3 class="box-card-title mb-20">电话</h3>
                                    <p class="box-card-para"><a class="link-us" href="tel:(+00)67834598">123456</a></p>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <div th:replace="~{common/common::footer}"></div>

        <!-- essential js -->
        <script th:src="@{assets/js/jquery-3.5.1.min.js}"></script>
        <script th:src="@{assets/js/popper.min.js}"></script>
        <script th:src="@{assets/js/bootstrap.min.js}"></script>
        <script th:src="@{assets/js/jquery.magnific-popup.min.js}"></script>
        <script th:src="@{assets/js/owl.carousel.min.js}"></script>
        <script th:src="@{assets/js/jquery.ajaxchimp.min.js}"></script>
        <script th:src="@{assets/js/form-validator.min.js}"></script>
        <script th:src="@{assets/js/contact-form-script.js}"></script>
        <script th:src="@{assets/js/jquery.meanmenu.min.js}"></script>
        <script th:src="@{assets/js/jquery.waypoints.js}"></script>
        <script th:src="@{assets/js/counter-up.js}"></script>
        <script th:src="@{assets/js/script.js}"></script>
    </body>
</html>
